<template>
    <div class="exampleRule-wrap">
      <scrollList ref="cslist" :loadMore="false" :bounce="false">
        <div slot="defaultScroll">
          <div class="ep-rule">
            <article>
              <p>1.请将行驶证和驾驶证正对摄像头并充满取景框,保证光线充足文字清晰,拍摄时无抖动。</p>
              <p>2.由于行驶证和驾驶证外层过塑容易反光,拍摄时请取下保护套避免反光出现。</p>
              <p>3.仅需上传行驶证和驾驶证正页,无需连同副页一起拍摄上传。</p>
              <img :src="rulePic">
            </article>
          </div>
        </div>
      </scrollList>
    </div>
</template>

<script type="text/ecmascript-6">
  import scrollList from '@/components/scroll/list';
  import rulePic from '@/assets/img/rule.png';
  export default {
    name: 'exampleRule',
    data () {
      return {
        rulePic
      }
    },
    mounted () {
      this.$nextTick(() => {
        this.$refs.cslist && this.$refs.cslist._initComponent();
      });
    },
    methods: {},
    components: {
      scrollList
    }
  }
</script>

<style rel="stylesheet/stylus" lang="stylus">
@import '~@/assets/css/mixin.styl';
.ep-rule
  padding rpx(48) rpx(30)
  font-size rpx(28)
  & p
    text-align justify
    line-height rpx(48)
  & img
    width 100%
    margin-top rpx(20)
</style>
